<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= webpackConfig.name %></title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
<!--
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <link href="<%= BASE_URL %>home.css" rel="stylesheet" type="text/css">
  <title><%= webpackConfig.name %></title>
</head>
<body>
&lt;!&ndash;<div id="app"></div>&ndash;&gt;
<div id="menu" class="hover_animation menu_open" data-mark="false">
  <span></span>
  <span></span>
  <span></span>
</div>
<div id="navgation" class="navgation navgation_close">
  <ul class="point">
    <li><a href="#">首页</a></li>
    <li><a href="article.html">博客</a></li>
    <li><a href="message.html">留言</a></li>
  </ul>
  <div class="logo"><a>Mr.Meng's Blog</a></div>
</div>
<div class="section" id="section1">
  <div class="fp-tablecell">
    <div class="page1">
      <div class="nav wow zoomIn" data-wow-duration="2s">
        <h1>萌小妖-Blog</h1>
        <p>只要朝着一个方向努力，一切都会变得得心应手</p>
        <a class="layui-btn layui-btn-normal" style="margin-top: 20px" href="article.html">Enter Blog</a>
      </div>
      <a class="next wow fadeInUp" data-wow-duration="2s" id="next"></a>
    </div>
  </div>
</div>
<div class="section" id="section2">
  <div class="fp-tablecell">
    <div class="page2">
      <div class="warp-box">
        <div class="new-article">
          <div class="inner wow fadeInDown" data-wow-delay=".2s">
            <h1>博客分类</h1>
            <p>
              只要朝着一个方向努力
              <br>一切都会变得得心应手
            </p>
          </div>
        </div>
        <div class="layui-row">
          <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" style="padding: 0 10px">
            <div class="single-news">
              <div class="news-head">
                <img src="http://www.lzqcode.com/images/java.jpg">
                <a href="#" class="link"><i class="fa fa-link"></i></a>
              </div>
              <div class="news-content">
                <h4>
                  <a href="#">
                    Java专栏
                  </a>
                </h4>
                <div class="date">
                  2020年6月16日
                </div>
                <p>
                  本专栏主要分享Java的各种常见问题，包括java学习路线，java基础，框架，微服务，项目，面试题，希望通过这些知识的分享能够提升自己的java水平
                </p>
                <a href="#" class="btn">
                  阅读更多
                </a>
              </div>
            </div>
          </div>
          <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".2s" style="padding: 0 10px">
            <div class="single-news">
              <div class="news-head">
                <img src="http://www.lzqcode.com/images/web.jpg">
                <a href="#" class="link"><i class="fa fa-link"></i></a>
              </div>
              <div class="news-content">
                <h4>
                  <a href="#">
                    web前端专栏
                  </a>
                </h4>
                <div class="date">
                  2020年6月16日
                </div>
                <p>
                  本栏目主要分享关于web前端的学习路线，基础知识，常用框架，面试题，项目等等
                </p>
                <a href="#" class="btn">
                  阅读更多
                </a>
              </div>
            </div>
          </div>
          <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp" data-wow-delay=".4s" style="padding: 0 10px">
            <div class="single-news">
              <div class="news-head">
                &lt;!&ndash;<img src="http://www.lzqcode.com/images/dedecms.jpg">&ndash;&gt;
                <a href="#" class="link"><i class="fa fa-link"></i></a>
              </div>
              <div class="news-content">
                <h4>
                  <a href="#">
                    DeDeCMS专栏
                  </a>
                </h4>
                <div class="date">
                  2020年6月16日
                </div>
                <p>
                  本栏目主要介绍DeDeCMS网站内容管理系统，使用dede常见的问题，常用标签，插件，提供建站帮助
                </p>
                <a href="#" class="btn">
                  阅读更多
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="section3">
  <div class="fp-tablecell">
    <div class="page3">
      <div class="warp-box">
        <div class="warp">
          <div class="inner">
            <div class="links">
              <ul>
                <li class="wow fadeInLeft"><a href="#">关于</a></li>
                <li class="wow fadeInRight"><a href="#">+友情链接</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section" id="section4">
  <div class="fp-tablecell">
    <div class="page4">
      <div class="warp-box">
        <div class="about">
          <div class="inner">
            <h1 class="wow fadeInLeft">萌小妖个人博客</h1>
            <p class="wow fadeInRight">
              一天很短，开心了就笑，不开心了就过会儿再笑。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<footer class="footer wow fadeInUp" id="contact">
  <div class="footer-top">
    <div class="container">
      <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
          <div class="single-widget about">
            <div class="footer-logo">
              <h2>萌小妖个人博客</h2>
            </div>
            <p>世界那么大，我想去看看</p>
            <div class="button">
              <a href="#" class="btn layui-btn layui-btn-normal">About Me</a>
            </div>
          </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
          <div class="single-widget">
            <h2>相关链接</h2>
            <ul class="social-icon">
              <li class="active"><a href="#"><i class="fa fa-book"></i>博文</a></li>
              <li class="active"><a href="#"><i class="fa fa-comments"></i>留言</a></li>
              <li class="active"><a href="#"><i class="fa fa-share"></i>资源</a></li>
              <li class="active"><a href="#"><i class="fa fa-snowflake-o"></i>日记</a></li>
              <li class="active"><a href="#"><i class="fa fa-files-o"></i>归档</a></li>
            </ul>
          </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
          <div class="single-widget contact">
            <h2>联系我</h2>
            <ul class="list">
              <li><i class="fa fa-map"></i>地址:合肥市瑶海区</li>
              <li><i class="fa fa-qq"></i>QQ: 2533180457 </li>
              <li><i class="fa fa-envelope"></i>邮箱: 2533180457@qq.com</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="copyright">
    <div class="container">
      <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
          <p>Copyright &copy; 2019-2020 萌小妖个人博客 All Rights Reserved V.5.1.3 粤ICP备1231100号</p>
        </div>
      </div>
    </div>
  </div>
</footer>
&lt;!&ndash; built files will be auto injected &ndash;&gt;
</body>
</html>
-->
